<template>
    <div>
        <div class="cardiv">
            <div class="car">
            <ul>
                <li><h2>银行卡管理</h2></li>
                <li style="margin-top:17px;font-size: 15px; #4c4f52">当前绑定银行卡0张</li>
            </ul>
             <div @click="caradd()">新增</div>
            </div>
        </div>
    </div>
</template>

<script>
export default {
  methods: {
    caradd: function() {
      this.$router.push("/user/addcar");
    }
  }
};
</script>

<style>
.cardiv {
  width: 1021px;
  height: 760px;
  margin-left: 13px;
}
.car {
  width: 100%;
  height: 90px;
  padding-left: 3px;
  border-bottom: solid 1px #ccc;
}
.car ul {
  margin-top: 5px;
}
.car div {
  float: right;
  margin-top: -32px;
  margin-right: 69px;
  width: 70px;
  height: 30px;
  border: 1px solid #ccc;
  line-height: 30px;
  text-align: center;
  font-size: 13px;
  color: #4c4f52;
}
.car div:hover {
  transition: all 0.3s linear;
  color: aquamarine;
  border: 1px solid aquamarine;
}
.cardiv p {
  margin-top: 15px;
  color: #48576a;
  font-size: 14px;
}
.caraddned{
    margin-left: 63px;
    margin-top: 5px;
}
.caraddned div:first-child {
  color: red;
  font-size: 13px;
}
.caraddned div:nth-child(2) {
  /* width: 150px;
  height: 30px;
  background: #0072ff;
  text-align: center;
  line-height: 30px;
  margin-left: 10%; */
    width: 137px;
    height: 37px;
    background: #0072ff;
    text-align: center;
    line-height: 35px;
    margin-left: 14%;
    color: white;
    border-radius: 5%;
}
.caraddned div:nth-child(2):hover{
    transition: all 0.3s linear;
    background: #4334ab;
}
</style>
